<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文章数据详情</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/analysisInfo.css">
    <script src="js/flexible.js"></script>
</head>
<body>
    <div class="analysis-top flex flex-cz-c mb20">
        <div class="flex-grow-1">
            <p class="f-28 c-fff mb20">12345</p>
            <p class="f-21 c-fff">今日访客</p>
        </div>
        <div class="flex-grow-1">
            <p class="f-28 c-fff mb20">12345</p>
            <p class="f-21 c-fff">本周访客</p>
        </div>
        <div class="flex-grow-1">
            <p class="f-28 c-fff mb20">12345</p>
            <p class="f-21 c-fff">全部访客</p>
        </div>
    </div>
    <div class="content">
        <div class="tap active flex flex-cz-c">
            <div class="flex-grow-1 c-5a7af6">全部访客</div>
            <div class="flex-grow-1">目标访客</div>
            <div class="flex-grow-1">路人访客</div>
        </div>
        <div class="list">
            <div class="item mt20">
                <div class="top flex flex-cz-c">
                    <img src="" alt="">
                    <div>
                        <p class="c-333 f-21">昵称：权志龙 <img src="images/sex-1.png" alt=""> 18岁</p>
                        <p class="c-333 f-21">访问：3次     总时长：24:22</p>
                    </div>
                </div>
                <div class="bottom mt10">
                    <p>最近访问：2018-09-30  14：23：22</p>
                </div>
            </div>
            <div class="item mt20">
                <div class="top flex flex-cz-c">
                    <img src="" alt="">
                    <div>
                        <p class="c-333 f-21">昵称：权志龙 <img src="images/sex-1.png" alt=""> 18岁</p>
                        <p class="c-333 f-21">访问：3次     总时长：24:22</p>
                    </div>
                </div>
                <div class="bottom mt10">
                    <p>最近访问：2018-09-30  14：23：22</p>
                </div>
            </div>
            <div class="item mt20">
                <div class="top flex flex-cz-c">
                    <img src="" alt="">
                    <div>
                        <p class="c-333 f-21">昵称：权志龙 <img src="images/sex-1.png" alt=""> 18岁</p>
                        <p class="c-333 f-21">访问：3次     总时长：24:22</p>
                    </div>
                </div>
                <div class="bottom mt10">
                    <p>最近访问：2018-09-30  14：23：22</p>
                </div>
            </div>
        </div>
    </div>
    <div class="analysis-bottom flex flex-cz-c flex-sp-b c-fff f-21">
        <span>
            总计：1234人  1234次
        </span>
        <span>
            人均访问时长：34.11小时
        </span>
    </div>
</body>
</html>